﻿@model AmorCanino.Web.Models.Models.Home
@{
    ViewBag.Title = "Inicio";
}
@section JavaScript {
    <link href="@Url.Content("~/Content/jquery.jscrollpane.css")" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.easing.1.3.js")"></script>
	<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.contentcarousel.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/home.js")"></script>
}
<div class="home-container">
    <div class="articulos-nuevos">
        <h1>Artículos Nuevos</h1>
        <div>
            @Html.Partial("~/Views/Products/_productCarousel.cshtml", Model.NewArticles)
        </div>
    </div>
    <div class="articulos-destacados">
        <h1>Artículos Destacados</h1>
        <div>
            @Html.Partial("~/Views/Products/_productCarousel.cshtml", Model.RecomendedArticles)
        </div>
    </div>
    <div class="adoptar-cruzar">
        <div class="adoptar">
            <h1>Perros para cruzar</h1>
            <div>
                @foreach (var pet in Model.BridablePets)
                {
                    Html.RenderPartial("~/Views/Services/_bridingTemplate.cshtml", pet);
                }
            </div>
        </div>
        <div class="cruzar">
            <h1>Perros para adoptar</h1>
            <div>
                @foreach (var pet in Model.AdoptablePets)
                {
                    Html.RenderPartial("~/Views/Services/_adoptTemplate.cshtml", pet);
                }
            </div>
        </div>
    </div>
</div>
<script>
    $(document).ready(function () {
        home.init();
    });
</script>